<template>
  <div class="menu-content carry-preview">
    <p class="right-title">指标数据核对-异常清单</p>
    <div class="content">
      <div class="date">
        <w-date-picker v-model="value" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
        </w-date-picker>
        <w-button type="primary">核对</w-button>
      </div>
      <div class="table">
        <w-table border :height="300" ref="multiTable" :data="tableData"
           style="width: 100%">
          <w-table-column type="selection" width="50">
          </w-table-column>
          <w-table-column prop="time" label="统计周期">
          </w-table-column>
          <w-table-column prop="code" label="指标ID">
          </w-table-column>
          <w-table-column prop="name" label="指标名称">
          </w-table-column>
          <w-table-column prop="ODRdata" label="ODR数据">
          </w-table-column>
          <w-table-column prop="tabledata" label="报表数据">
          </w-table-column>
          <w-table-column prop="different" label="差值">
          </w-table-column>
          <w-table-column prop="differentRate" label="差异率">
          </w-table-column>
          <w-table-column prop="origin" label="报表来源">
          </w-table-column>
          <w-table-column prop="adjust" label="调整">
            <template>
              <a>详细</a>
            </template>
          </w-table-column>
          <w-table-column prop="operator" label="操作">
            <template slot-scope="{row,$index}">
              <w-button type="primary">核对</w-button>
            </template>
          </w-table-column>
        </w-table>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    components: {

    },
    data() {
      return {
        value: '',
        selectionRow: [],
        tableData: [{
          time: '2019.05.12 11:02:33',
          code: 'A1001',
          name: '急诊人次',
          ODRdata: '0',
          tabledata: '1000',
          different: '-1000',
          differentRate: '>100%',
          origin: 'HIIS外挂'
        }, {
          time: '2019.05.12 12:24:30',
          code: 'A1002',
          name: '专家门诊人次',
          ODRdata: '0',
          tabledata: '10002',
          different: '-10009',
          differentRate: '>100%',
          origin: 'HIIS外挂'
        }, {
          time: '2019.05.13 08:15:10',
          code: 'A1003',
          name: '普通门诊人次',
          ODRdata: '0',
          tabledata: '10000',
          different: '-10000',
          differentRate: '>100%',
          origin: 'HIIS外挂'
        }, {
          time: '2019.05.14 09:23:09',
          code: 'A1004',
          name: '门急诊人次',
          ODRdata: '0',
          tabledata: '10001',
          different: '-10003',
          differentRate: '>100%',
          origin: 'HIIS外挂'
        }, {
          time: '2019.05.15 08:45:48',
          code: 'A1005',
          name: '普通门诊人次',
          ODRdata: '0',
          tabledata: '10003',
          different: '-10000',
          differentRate: '>100%',
          origin: 'HIIS外挂'
        }]
      };
    },

    mounted() {
      
    },
    watch: {

    },
    created() {

    },
    methods: {
      
    },
    beforeDestroy() { //解绑
     
    }
  };
</script>

<style scoped lang="scss">
  .carry-preview {
    padding: 10px;
    box-sizing: border-box;

    .content {
      .date {
        text-align: right;

        .date-picker-demo {
          width: 50%;
          display: inline-block;

          .w-date-editor {
            margin: 0 10px;
          }

          .range-separator {
            display: inline-block;
            line-height: 32px;
            vertical-align: middle;
            font-size: 14px;
          }
        }
      }

      .table {
        margin-top: 30px;
      }
    }
  }
</style>
